<template>
  <div id="renting">
      <a :href="i.url" class="renting_for" v-for="(i, index) in rentingList" :key="index" @click.stop="index === 0 && $vux.toast.text('请联系我们...')">
        <img :src="i.img">
      </a>
  </div>
</template>
<script>
export default {
  data () {
    return {
      rentingList: [ // 我要租房 二级页面
        {
          url: 'javascript:',
          img: require('@/images/secondPage/sales1.png'),
          title: '机构放盘',
          descript: '机构放盘，品质保障'
        },
        {
          url: '/verifyHouse',
          img: require('@/images/secondPage/sales2.png'),
          title: '个人放盘',
          descript: '个人放盘，更多优惠'
        }
      ]
    }
  }
}
</script>
<style lang="less" scoped>
html,body{
  width: 100%;
  height:100%;
}
#renting{
  width: 100%;
  height: 100%;
  background-color: rgb(245,245,245);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top:0;
  overflow-x:auto;
  .renting_for{
    position: relative;
    display:block;
    width:17.25rem;
    height:12rem;
    margin-bottom:1.25rem;
    padding-left:0.75rem;
    padding-right:0.75rem;
    img{
      width: 100%;
      height: 100%;
    }
  }
}
.renting_for:nth-child(1) {
   padding-top:1.5rem;
}
</style>

